<template>
    <div class="attr-template">
        <div class="attr-extend">
          <h2>继承属性:</h2>
          <extend-attr :tableData="tableData"></extend-attr>
           </div>
           <h2>自身属性</h2>
           <self-attr :tableData="tableData"></self-attr>
    </div>
</template>
<script>
import extendAttr from './extendAttr' 
import selfAttr from './self-attr' 
export default {
    data(){
        return{
                tableData: [{
          value: '2016-05-02',
          name: '王小虎',
          type: '上海市普陀区金沙江路 1518 弄',
          model:'XXXX',
          source:'XXXX'
        }, {
          value: '2016-05-02',
          name: '王小虎',
          type: '上海市普陀区金沙江路 1518 弄',
          model:'XXXX',
          source:'XXXX'
        }, ]
        }
    },
    components:{
        extendAttr,selfAttr
    }
    
}
</script>
<style lang="">
    h2{padding:15px 0;}
</style>